<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/header.css">
    <link rel="stylesheet" href="/css/footer.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="/css/details.css">
</head>

<body>
    <header></header>
    <main>
        
        <div class="nav">
            <div class="nav_left">
                <img src="https://s02.mifile.cn/assets/static/image/logo-mi2.png" alt="">
            </div>
            <div class="nav_center">
                <ul>
                    <li><a href="">全部商品分类</a></li>
                    <li><a href="">Ximi手机</a></li>
                    <li><a href="">Redmi 红米</a></li>
                    <li><a href="">电视</a></li>
                    <li><a href="">笔记本</a></li>
                    <li><a href="">平板</a></li>
                    <li><a href="">家电</a></li>
                    <li><a href="">路由器</a></li>
                    <li><a href="">服务</a></li>
                    <li><a href="">社区</a></li>
                </ul>
            </div>
            <div class="ser">
                <input type="text" value="洗衣机">
                <a href=""><span class="iconfont icon-gouwuchekong"></span></a>
            </div>
        </div>
        <section>
            <div class="scon">
                <div class="co">
                    <span href="#">Xiaomi Civi 1S 锐龙版</span>
                    <a>|</a>
                    <a>Xiaomi Civi</a>
                </div>
                <div class="scon_right">
                    <ul>
                        <li><a href="">概述页</a></li><span>|</span>
                        <li><a href="">参数页</a></li><span>|</span>
                        <li><a href="">F码通道</a></li><span>|</span>
                        <li><a href="">咨询客服</a></li><span>|</span>
                        <li><a href="">用户评价</a></li>
                    </ul>
                    <div>
                        <a href="" class="ljgm">立即购买</a>
                    </div>
                </div>
            </div>
        </section>
        <div class="detailsL">
            <div class="detailsL_con">
                <div class="detailsL_left">
                <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1650439833.58927055.png" alt="">
                </div>
                <div class="detailsL_right">
                    <h2>Xiaomi CiCi 1S</h2>
                    <p>
                        <font color="#ff4a00">「至高享6期免息，信用卡分期支付享优惠」</font>
                        原生美肌人像2.0 | 4D光追焕颜美妆技术 | 3200万高清质感自拍 | 升级人眼追焦 | 6400万AI三摄 | 3D曲面OLED柔性屏 | 120Hz+Dolby Vision | 55W有线闪充 | 立体声双扬声器 | 多功能NFC
                    </p>
                    <br>
                    <i>小米自营</i>
                    <br>
                    <br>
                    <span>2299元</span>
                    <br>
                    <div class="zhongxian"></div>
                    <div class="address">
                        <div class="address_con">
                        <i class="iconfont icon-gouwuchekong"></i>
                            <span>北京 北京市 海定区 清河街道</span> <a href="">修改</a>
                            <p>有现货</p>
                        </div>
                        <div class="edition">
                            <div class="edition_top">
                                <p>选择版本</p>
                            </div>
                            <div class="edition_button">
                                <ul>
                                    <li></li>
                                </ul>
                            </div>
                        </div>
                        <div class="protection"> 
                            <div class="price">
                                <ul>
                                    <li></li>
                                    <div class="zj">
                                        总计：2507元
                                    </div>
                                </ul>

                            </div>
                            <div class="Cart">
                                <input type="button" value="加入购物车" class="shopp_Cart" style="cursor: pointer;">
                                <input type="button" value="喜欢">
                            </div>
                            <div class="info">
                                <ul>
                                    <li><em class="iconfont icon-gouwuchekong"></em>小米自营</li>
                                    <li><em class="iconfont icon-gouwuchekong"></em>小米发货</li>
                                    <li><em class="iconfont icon-gouwuchekong"></em>7天无理由退货</li>
                                    <li><em class="iconfont icon-gouwuchekong"></em>运费说明</li>
                                    <li><em class="iconfont icon-gouwuchekong"></em>企业信息</li>
                                    <li><em class="iconfont icon-gouwuchekong"></em>7天价格保护</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
        <div class="price_info">
            <div class="price_con">
                <h3>价格说明</h3>
                <div class="tp">
                <img src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/43e2954feb6d1b108438481f1d5b0bd3.png" alt="">
                </div>
            </div>
            
        </div>
        <div class="footer">
            <div class="footer-service">
                <ul>
                    <li><em class="iconfont icon-gouwuchekong"></em><a href="">维修预约服务</a></li>
                    <li><em class="iconfont icon-gouwuchekong"></em><a href="">维修预约服务</a></li>
                    <li><em class="iconfont icon-gouwuchekong"></em><a href="">维修预约服务</a></li>
                    <li><em class="iconfont icon-gouwuchekong"></em><a href="">维修预约服务</a></li>
                    <li style="border:none"><em class="iconfont icon-gouwuchekong"></em><a href="">维修预约服务</a></li>
                </ul>
                <div class="bz">
                    <div class="bz_left">
                        <ul class="ab">
                            <li><b>帮助中心</b></li>
                            <li><b>帮助中心</b></li>
                            <li><b>帮助中心</b></li>
                            <li><b>帮助中心</b></li>
                            <li><b>帮助中心</b></li>
                            <li><b>帮助中心</b></li>
                        </ul>
                        <div class="ac">
                            <ul>
                                <li><a href="">账户管理</a></li>
                                <li><a href="">订单操作</a></li>
                                <li><a href="">购物指南</a></li>
                            </ul>
                            <ul>
                                <li><a href="">账户管理</a></li>
                                <li><a href="">订单操作</a></li>
                                <li><a href="">购物指南</a></li>
                            </ul>
                            <ul>
                                <li><a href="">账户管理</a></li>
                                <li><a href="">订单操作</a></li>
                                <li><a href="">购物指南</a></li>
                            </ul>
                            <ul>
                                <li><a href="">账户管理</a></li>
                                <li><a href="">订单操作</a></li>
                                <li><a href="">购物指南</a></li>
                            </ul>
                            <ul>
                                <li><a href="">账户管理</a></li>
                                <li><a href="">订单操作</a></li>
                                <li><a href="">购物指南</a></li>
                            </ul>
                            <ul>
                                <li><a href="">账户管理</a></li>
                                <li><a href="">订单操作</a></li>
                                <li><a href="">购物指南</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="bz_right">
                        <div class="conn">
                            <p>400-820-5678</p><i>8:00-18:00(仅收市话费)</i>
                            <div class="rg"><em class="iconfont icon-gouwuchekong"></em> <a href="">人工客服</a></div>
                            <p class="gz">关注小米：<em class="iconfont icon-gouwuchekong"></em> <em
                                    class="iconfont icon-gouwuchekong"></em></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    
    <footer></footer>
    <script src="/libs/require.js" data-main="/js/detailsMain"></script>

</body>

</html>